干貨分享(標(biāo)簽設(shè)計(jì)欣賞)標(biāo)簽設(shè)計(jì)教程,標(biāo)簽的設(shè)計(jì)方法和規(guī)范,
標(biāo)簽是我們最常用的設(shè)計(jì)組件之一,由于功能強(qiáng)大,使用場(chǎng)景多樣化深受喜愛。好的標(biāo)簽設(shè)計(jì)就像一劑完美的助攻,可以用于信息的傳昆山網(wǎng)站建設(shè)昆山網(wǎng)站建設(shè)。
標(biāo)簽的組成元素,標(biāo)簽由顏色、文字、形狀等元素組成,每個(gè)元素相輔相成,和諧統(tǒng)一。1. 顏色,顏色是標(biāo)簽設(shè)計(jì)中的一個(gè)重要元素,可以幫助用戶快速識(shí)別,提升信息轉(zhuǎn)化的效率。標(biāo)簽的顏色應(yīng)用上不僅要清晰,精準(zhǔn),昆山網(wǎng)站建設(shè)高效的傳達(dá)信息,同時(shí)在多種顏色組合中也要兼顧著品牌。所以建立一套顏色板可以更好的方便標(biāo)簽的設(shè)計(jì)應(yīng)用,建立的色板的原則是什么?
色彩模式選擇色彩模式是數(shù)字世界中表示顏色的一種算法。在數(shù)字世界中,為了表示各昆山網(wǎng)站建設(shè)種顏色,人們通常將顏色劃分為若干分量。由于成色原理的不同,決定了生成顏色方式上的區(qū)別。日常生活中有哪些常用色彩模式?RGB 模式:以“加色混合”的方式,由紅、綠、藍(lán)(三原色),三色混合,表現(xiàn)出各種的顏昆山網(wǎng)站建設(shè)色,我們的計(jì)算機(jī)屏幕就使用這種方式表現(xiàn)顏色。這種色彩表現(xiàn)方式,稱為 RGB 色彩。適用于顯示器、投影儀、掃描儀、數(shù)碼相機(jī)等。CMYK 模式:以“減法原則”成色,物體色彩的反射色,是用畫具或染料、油墨等昆山網(wǎng)站建設(shè)“色材”來表現(xiàn)顏色,印刷品基本是由青、洋紅、黃、黑四種油墨相互組合而成,這種方式稱為 CMYK 色彩。適用于打印機(jī)、印刷機(jī)等。
2. 形狀,昆山網(wǎng)站建設(shè)基本型:4px 圓角矩形,高度以 28px 為主;
異型:高度以 32px 為主,具體根據(jù)業(yè)務(wù)場(chǎng)景需要設(shè)計(jì)
標(biāo)簽信息層級(jí)定義,日常項(xiàng)目需求中昆山網(wǎng)站建設(shè),最棘手的莫過于,產(chǎn)品業(yè)務(wù)側(cè)在功能模塊里堆加一大堆標(biāo)簽,并且都強(qiáng)調(diào)是最重要的,在這種情況下對(duì)于設(shè)計(jì)側(cè)而言就不只是設(shè)計(jì)好看的問題了,這需要對(duì)標(biāo)簽的優(yōu)先級(jí)作出分類,有序的設(shè)計(jì)表達(dá)。對(duì)用戶而言我們的標(biāo)簽不能昆山網(wǎng)站建設(shè)既是療效又是腳鐐。
從用戶層面與產(chǎn)品層面分別去分析需求對(duì)用戶與產(chǎn)品的重要程度,配合著 KANO 模型對(duì)需求分析,確定標(biāo)簽的優(yōu)先層級(jí)排序: 產(chǎn)品的角度:產(chǎn)品需要用戶能快速篩選信息,促使用戶快速抉擇轉(zhuǎn)化 昆山網(wǎng)站建設(shè)。用戶的角度:用戶需要目標(biāo)信息與自身相匹配,能快速找到需要的信息。
標(biāo)簽類型/規(guī)范定義
1. 常規(guī)標(biāo)簽主要適用于貨源列表、訂單列表,小黑板,詳情頁(yè)…等業(yè)務(wù)功能場(chǎng)景,是產(chǎn)品中最高頻使用的類型,按重要層級(jí)可分昆山網(wǎng)站建設(shè)為:首要標(biāo)簽 > 中等標(biāo)簽 > 一般標(biāo)簽 > 次要標(biāo)簽。
2. 異形標(biāo)簽適用于強(qiáng)調(diào)業(yè)務(wù)模塊中最重要層級(jí)的的功能信息標(biāo)識(shí),采用非標(biāo)造型,重要層級(jí):異形標(biāo)簽>常規(guī)標(biāo)簽,展示位置多采用全貼邊樣式(左上>右上…昆山網(wǎng)站建設(shè)),根據(jù)內(nèi)容重要層級(jí)而定。
3. 會(huì)員/等級(jí)標(biāo)簽主要用于會(huì)員業(yè)務(wù)的身份及等級(jí)標(biāo)識(shí),多適用于人/姓名后展示,多以圖形或者圖形+文本的樣式展示。
4. 營(yíng)銷引流標(biāo)簽主要用于描述業(yè)務(wù)目標(biāo)對(duì)象的特色及等級(jí),置于角昆山網(wǎng)站建設(shè)落(左上,右上…)±45°展示要適用于業(yè)務(wù)功能營(yíng)銷轉(zhuǎn)化引導(dǎo),展示樣式主要有:文字后加標(biāo)簽、信息功能上部加標(biāo)簽,對(duì)比鮮明,在某些場(chǎng)景使用上和徽標(biāo)類似,除了對(duì)其識(shí)別造型統(tǒng)一外,還應(yīng)對(duì)其使用場(chǎng)景加以明確:居昆山網(wǎng)站建設(shè)右側(cè)展示:與按鈕組合使用時(shí),標(biāo)簽字段數(shù)量不能大于標(biāo)簽 1/2 寬度,末端與按鈕右對(duì)齊;居左側(cè)展示:按鈕高度大于單行標(biāo)準(zhǔn)按鈕高度且重要層級(jí)高,或右側(cè)有選擇項(xiàng)占用時(shí);
5. 角標(biāo)主要用于描述業(yè)務(wù)目標(biāo)對(duì)象的特昆山網(wǎng)站建設(shè)色及等級(jí),置于角落(左上,右上…)±45°展示。
6. 印章標(biāo)簽主要用于描述功能任務(wù)(如協(xié)議簽訂,流程權(quán)益…..)的完成狀態(tài)。